<template>
    <el-tabs type="border-card" v-model="selectTab">
        <el-tab-pane label="首页" name="index">Index</el-tab-pane>
        <el-tab-pane v-for="(item, index) in tabList" :key="index" :closable="selectTab === item.name" :label="item.label"
            :name="item.name">User</el-tab-pane>
    </el-tabs>
</template>

<script lang='ts' setup name=''>
import { ref, reactive } from 'vue'

let tabList = reactive([{
    label: '商品库存',
    name: 'stock'
}, {
    label: '用户及权限',
    name: 'user'
}, {
    label: '采购入库单',
    name: 'indepot'
}])

let selectTab = ref('index')


</script>

<style lang=''>
    
</style>